<template>
    <div class="echarsBox">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <th class="th1"></th>
                <th colspan="2">焊装一线</th>
                <th colspan="2">焊装二线</th>
                <th colspan="2">焊装三线</th>
            </tr>
            <tr>
                <th class="th1"></th>
                <th>焊装上线</th>
                <th>焊装下线</th>
                <th>焊装上线</th>
                <th>焊装下线</th>
                <th>焊装上线</th>
                <th>焊装下线</th>
            </tr>
            <tr>
                <td class="td1"><span>全月目标</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1"><span>月累计目标</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1"><span>月累计完成</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1"><span>月欠产</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1"><span>日目标</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1lase"><span>日累计完成</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1lase"><span>完成率</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
            <tr>
                <td class="td1lase"><span>平均节拍</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td2"><span>3000</span></td>
                <td class="td3"><span>3000</span></td>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    name: "weldingmonthproductiondata",
    data() {
        return {};
    },
    mounted() {

    },
    methods: {

    },
};
</script>
<style  scoped>
.echarsBox {
    width: 100%;
    height: calc(100% - 41.5px);
    display: flex;
    justify-content: center;
    margin-top: 1%
}


table {
    width: 95%;
    height: calc(100% - 41.5px);
}

table th {
    font-size: 12px;
    font-weight: 500;
    color: #70D6FE;
    background: #004B84;
    border: 1px solid #005DA3;
    font-family: Source Han SansCN;
    line-height: 20px;
}
.th1 {
    border-top: 0px;
    border-bottom: 0px;
}

table td {
    text-align: center;
    line-height: 18px;
}

.td1 {
    width: 20%;
    background: #004B84;
    border: 1px solid #005DA3;
    border-bottom: 0px;
}

.td1lase {
    width: 20%;
    background: #004B84;
    border: 1px solid #005DA3;
}

.td1 span {
    font-size: 12px;
    font-weight: 700;
    color: #70D6FE;
    font-family: Source Han SansCN;
}

.td1lase span {
    font-size: 12px;
    font-weight: 700;
    color: #70D6FE;
    font-family: Source Han SansCN;
}

.td2 {
    border: 1px solid #005DA3;
    border-left: 0px;
    border-right: 0px;
}

.td3 {
    border: 1px solid #005DA3;
    border-left: 0px;
}

td span {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    font-family: Source Han SansCN;
}
</style>